﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Css/consumer.css")" rel="stylesheet" type="text/css" />
    <link href="../../Content/Css/base/jquery.ui.all.css" rel="stylesheet" />
    <script src="@Url.Content("~/Scripts/jquery-2.0.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/boxOver.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.ui.core.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.ui.widget.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.ui.datepicker.js")" type="text/javascript"></script>
</head>
<body>
    <div>
        <section id="main">
            <div id="main_container">
                <div id="header">
                    <div id="logo">
                        <a href="javascript:;">
                            <img id="logo-btn" src="../../Content/Images/Defaults/logo.png" width="180" alt="" /></a>
                    </div>
                    <div class="oferte_content">
                        <div class="top_divider">
                            <img src="images/header_divider.png" alt="" width="1" height="164" />
                        </div>
                        <div class="oferta">
                            <div>
                                <img src="~/images/bann1.jpg" width="94" height="92" alt="" class="oferta_img" />
                                <div class="oferta_details">
                                    <div class="oferta_title"></div>
                                    <div class="oferta_text"></div>
                                    @* <a href="javascript:;" class="details"></a>*@
                                </div>
                            </div>
                            <div class="oferta_pagination"><span class="current">1</span> <a href="javascript:;">2</a> <a href="javascript:;">3</a> <a href="javascript:;">4</a> <a href="javascript:;">5</a> </div>
                        </div>
                        <div class="top_divider">
                            <img src="images/header_divider.png" alt="" width="1" height="164" />
                        </div>
                    </div>
                    <!-- end of oferte_content-->
                </div>
                <div id="main_content">
                    <div id="menu_tab">
                        <div class="left_menu_corner"></div>
                        <ul class="menu">
                            <li><a id="home-btn" href="javascript:;" class="nav1">Home</a></li>
                            <li class="divider"></li>
                            <li><a href="javascript:;" id="new-items" class="nav2">New</a></li>
                            <li class="divider"></li>
                            <li><a id="favorite-btn" href="javascript:;" class="nav3">Favorite</a></li>
                            <li class="divider"></li>
                            <li><a href="javascript:;" class="nav4">Career</a></li>
                            @*<li class="divider"></li>*@
                            @*<li><a href="javascript:;" class="nav6">Contact</a></li>*@
                            <li class="divider"></li>
                            <li id="admin-task" style="display: none;"><a href="/Admin/Contact" class="nav2">Admin Manager</a></li>
                            <li class="currencies">
                                <p>
                                    <span>
                                        <input type="text" id="txt-search" /><img id="btn-search" alt="" src="../../Content/Images/Defaults/search.png" /></span>
                                </p>
                            </li>
                        </ul>
                        <div class="right_menu_corner"></div>
                    </div>
                    <!-- end of menu tab -->
                    <div class="left_content">
                        <div class="title_box">Categories</div>
                        <ul class="left_menu">
                        </ul>
                        <div class="title_box">Special Products</div>
                        <div class="border_box">
                            <div class="product_title">Táo hảo hạng</div>
                            <div class="product_img">
                                <a href="javascript:;">
                                    <img src="../../Content/Images/Uploads/9.jpg" width="110" alt="" /></a>
                            </div>
                            <div class="prod_price"><span class="reduce"></span><span class="price"></span></div>
                        </div>
                        <div class="banner_adds">
                            <a href="javascript:;">
                                <img src="images/bann2.jpg" alt="" /></a>
                        </div>
                    </div>
                    <!-- end of left content -->
                    <div class="center_content">
                       
                    </div>
                    <!-- end of center content -->
                    <div class="right_content">
                        <div class="shopping_cart">
                            <div class="cart_title">Shopping cart</div>
                            <div class="cart_details">
                                <span id="count">0</span> items
                                <br />
                                <span class="border_cart"></span>Total: <span id="total" class="price">0$</span>
                            </div>
                            <div class="cart_icon">
                                <a href="javascript:;" title="header=[Checkout] body=[&nbsp;] fade=[on]">
                                    <img id="checkout-button" src="images/shoppingcart.png" alt="" width="48" height="48" /></a>
                            </div>
                        </div>
                        <div class="title_box">Login</div>
                        <div class="border_box">
                            <table id="login-table">
                                <tr>
                                    <td>Account</td>
                                    <td>
                                        <input type="text" id="txt-account" /></td>
                                </tr>
                                <tr>
                                    <td>Password</td>
                                    <td>
                                        <input type="password" id="txt-password" /></td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="button" value="Login" id="btn-login" /></td>
                                    <td><a href="javascript:;">Register</a></td>
                                </tr>

                            </table>
                        </div>
                        <div class="banner_adds">
                            <a href="javascript:;">
                                <img src="images/bann1.jpg" alt="" /></a>
                        </div>
                        <div id="backtotop">
                            <img alt="" src="../../Content/Images/Defaults/top.png" />
                            <p style="margin-left: 35px;">Back to top</p>
                        </div>
                    </div>
                    <!-- end of right content -->
                </div>
                <!-- end of main content -->
            </div>
            @RenderBody()
        </section>
        <footer>
            <div class="footer" style="margin: 0 auto">
                <div class="left_footer">
                    <a href="javascript:;">
                        <img src="../../Content/Images/Defaults/logo.png" alt="" width="100" /></a>
                </div>
                <div class="center_footer">
                    Hawai Restaurent. All Rights Reserved 2013<br />
                    <a href="javascript:;">
                        <img src="images/csscreme.jpg" alt="csscreme" /></a><br />
                    <img src="images/payment.gif" alt="" />
                </div>
                <div class="right_footer"><a href="javascript:;">Home</a> <a href="javascript:;">About</a> <a href="javascript:;">New</a> <a href="javascript:;">Career</a> <a href="javascript:;">Contact</a> </div>
            </div>
        </footer>
    </div>
</body>
</html>
